<!DOCTYPE html>
<html lang="en">
<head>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6390536918608039"
     crossorigin="anonymous"></script>  
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Firewolf - 火狼 - 个人主页</title>
<link rel="shortcut icon" href="music_ico.ico" type="image/x-icon">
<!--Usefull Meta-->
<meta name="description" content="算法工程师，热爱生活的码农，喜欢音乐，摄影，烹饪。">
<meta name="keywords" content="Firewolf, 火狼, 个人主页, chatgpt，AI绘画，算法, 开发">
<!--Google Fonts-->
<link href="static/css/css2.css" rel="stylesheet">
<link href="static/css/css21.css" rel="stylesheet">
<!--AOS Animation Stylesheet-->
<link rel="stylesheet" href="static/css/aos.css">
<!--Font Awesome-->
<link rel="stylesheet" href="static/css/all.min.css">
<!--Magnific Popup-->
<link rel="stylesheet" href="static/css/magnific-popup.css">
<!--OWL Carousel-->
<link rel="stylesheet" href="static/css/owl.carousel.min.css">
<!--Keyden Styelsheet with Bootstrap 5-->
<link rel="stylesheet" href="static/css/kayden_1.css">
<!-- 引入iconfont -->
<link rel="stylesheet" href="static/css/icon-css/iconfont.css">
<link rel="stylesheet" href="static/css/icon-css2/iconfont.css">
</head>
<body data-offset="102">
<!--PRELOADER START-->
<div id="preloader">
  <div class="text-center w-100">
    <div class="loader">
    </div>
  </div>
</div>
<!--PRELOADER END--> 

<!--Header START-->
<header class="kayden-header sticky-top">
  <div class="header-inside transparent_header">
    <div class="d-flex flex-row justify-content-between align-items-center"> 
      <!--Header Toggler START-->
      <div class="kayden-menu-toggler"><a class="kayden-toggler text-reset" data-bs-toggle="offcanvas" href="#kaydenOffCanvas" role="button" aria-controls="kaydenOffCanvas">
        <div class="kt-r"><span></span><span></span><span></span></div>
        <div class="kt-t">菜单 </div>
        </a></div>
      <!--Header Toggler END--><!--Header Logo START-->
      <div class="kayden-logo"><a href="#"><img src="static/picture/logo.jpg" height="30" alt="kayden"></a></div>
      <!--Header Logo END--><!--Header Info START-->
      <div class="kayden-nav-meta fs-5 fw-bold d-none d-sm-block text-end"><a href="#" class="text-reset">微信 : 15115656</a></div>
      <!--Header Info END--></div>
  </div>
</header>
<!--Header END--><!--Off Canvas START-->
<div class="offcanvas offcanvas-start" id="kaydenOffCanvas"> 
  <!--Off Canvas Header START-->
  <div class="offcanvas-header">
    <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"><i class="fas fa-times"></i></button>
  </div>
  <!--Off Canvas Header END--><!--Off Canvas Body START-->
  <div class="offcanvas-body">
    <div class="kayden-offcanvas-nav-container d-flex flex-column justify-content-center align-items-center"><!--Off Canvas Navigation START-->
      <ul class="kayden-offcanvas-nav list-inline">
        <li class="py-3"><a href="#home" class="kayden_scrollspy underline_animation underline_text text-reset fs-4 fw-bold" data-bs-dismiss="offcanvas">Home</a></li>
        <li class="py-3"><a href="#services" class="kayden_scrollspy underline_animation underline_text text-reset fs-4 fw-bold" data-bs-dismiss="offcanvas">在线小工具</a></li>
        <li class="py-3"><a href="#portfolio" class="kayden_scrollspy underline_animation underline_text text-reset fs-4 fw-bold" data-bs-dismiss="offcanvas">AI照片墙</a></li>
        <li class="py-3"><a href="#contact" class="kayden_scrollspy underline_animation underline_text text-reset fs-4 fw-bold" data-bs-dismiss="offcanvas">联系我</a></li>
      </ul>
      <!--Off Canvas Navigation END--> 
    </div>
  </div>
  <!--Off Canvas Body END--> 
</div>
<!--Off Canvas END--><!--Home Section START-->
<section id="home" class="home vh-100"><!--Home Background START-->
  <div class="home-background position-absolute top-0 start-0 w-100 h-100"><img src="static/picture/home.jpg" data-aos="fade-up" data-aos-duration="1000" alt="home" class="w-100 h-100 fit-cover fit-left-top"></div>
  <!--Home Background END--><!--Home Container START-->
  <div class="container h-100 position-relative">
    <div class="home-details text-center text-sm-end w-100 h-100 d-flex align-items-center">
      <div class="home-details-inner w-100">
        <p class="welcome_text fs-4" data-aos="fade-up" data-aos-duration="800" data-aos-delay="500"><span class="typed_text" data-options="提供免费在线chatgpt,提供免费人物转手办, 提供免费ai绘画,提供免费小工具,"></span></p>
        <h1 class="fs-1 fw-bold  kayden-underline-center kayden-underline-sm-right kayden-underline-big d-inline-block" data-aos="fade-up" data-aos-duration="800" data-aos-delay="800">I'm Firewolf - 火狼</h1>
      </div>
    </div>
  </div>
  <!--Home Container END--> 
  <!--Scroll Down START-->
  <div class="scroll-down"> <a href="#about" class="kayden_scrollspy scroll-down-link text-center">
    <div class="scroll-title">下滑浏览</div>
    <div class="scroll-mouse">
      <div class="whell"></div>
    </div>
    </a> </div>
  <!--Scroll Down END--> 
</section>
<!--Home Section END--> 

<!--About Section START--> 
<!--  
<section id="about" class="min-vh-100">
  <div class="container h-100">
    <div class="about_inside w-100 h-100 d-flex justify-content-center align-items-center">
      <div class="row w-100"> 

        <div class="offset-md-1 col-md-4">
          <div class="about-image w-100"> <img src="static/picture/about.jpg" class="kayden-shadow rounded-3 w-100" alt="kayden Picture" data-aos="zoom-in" data-aos-duration="800"> </div>
        </div>

        <div class="offset-md-1 col-md-6 mt-5 mt-md-0">
          <div class="h-100 d-flex align-items-center justify-content-center">
            <div class="about-details">
              <h2 class="fs-3 fw-bold mb-5">我是火狼<br>I'm Boris</h2>
              <p class="text-secondary mb-5">
                * 常用语言: python, java, HTML+css+js, C.<br>
                * 技术栈: sklearn, pandas, numpy, pytorch, tensorflow。<br>
                * 熟悉机器学习算法，时序算法，常见的深度学习算法。<br>
                * 有linux系统部署经验。使用mysql,mongodb,redis数据库经验。有kafka,docker工具使用经验。<br>
                * 有为github开源项目贡献代码经历。<br>
                * 有较扎实的高数，现代，概率论的数学基础。<br>
              </p>
          
              <ul class="social-links list-inline mb-5">
                <li class="list-inline-item"> <a href="https://blog.csdn.net/qq_58832911" target="_blank" title="Csdn"> <i class="iconfont icon-csdn"></i></a> </li>
                <li class="list-inline-item"> <a href="https://github.com/Boris-2021" target="_blank" title="Git"> <i class="iconfont icon-githubb"></i> </a> </li>
                <li class="list-inline-item"> <a href="https://space.bilibili.com/670883457" target="_blank" title="Bilibili"> <i class="iconfont icon-bilibili"></i> </a> </li>
              </ul>

          </div>
        </div>

      </div>
    </div>
  </div>
</section>
--> 
  <!--About Section END--> 



<!--Services Section START-->
<section id="services">
  <div class="container"> 
    <!--Section Heading START-->
    <div class="heading text-center mb-5">
      <h2 class="fs-3 kayden-underline-left mb-5 fw-bold text-uppercase d-inline-block">在线小工具</h2>
    </div>
    <!--Section Heading END--> 
    <!--Section Body START-->
    <div class="section-body"> 
      <!--Gradient Grid START-->
      <div class="kayden-gradient-grid"> 
        <!--Gradient Grid ROW START-->
        <div class="row g-0"> 
          <!--Gradient Grid Item START-->
          <div class="col-lg-4 text-center">
            <a href="http://chat.15115656.xyz" target="_blank" style="text-decoration: none;color: white;">
            <div class="p-5">
              <div class="fs-2 mb-3"> <i class="iconfont icon-rengongzhineng"></i> </div>
              <h4 class="mb-3">AI聊天</h4>
              <p class="text-secondary">自建的AI chatgpt, CV, 进入后需要输入密码123</p>
            </div>
            </a>
          </div>
          <!--Gradient Grid Item END--> 
          <!--Gradient Grid Item START-->
          <div class="col-lg-4 text-center">

           <a href="http://paint.15115656.xyz" target="_blank" style="text-decoration: none;color: white;">
            <div class="p-5">
              <div class="fs-2 mb-3"> <i class="iconfont icon-shenghuo"></i> </div>
              <h4 class="mb-3">绘画工具</h4>
              <p class="text-secondary">在线出图工具，做人物手伴工具<</p>
            </div>           
            </a>
            
          </div>
          <!--Gradient Grid Item END--> 
          <!--Gradient Grid Item START-->
          <div class="col-lg-4 text-center">
            <a href="404_page.html" target="_blank" style="text-decoration: none;color: white;">
            <div class="p-5">
              <div class="fs-2 mb-3"> <i class="iconfont icon-liuyanfill"></i> </div>
              <h4 class="mb-3">留言板</h4>
              <p class="text-secondary">把你想说的话留下来吧</p>
            </div>
            </a>
          </div>
          <!--Gradient Grid Item END--> 
        </div>
        <!--Gradient Grid ROW END--> 
        <!--Gradient Grid ROW START-->
        <div class="row g-0"> 
          <!--Gradient Grid Item START-->
          <div class="col-lg-4 text-center">
            <a href="404_page.html" target="_blank" style="text-decoration: none;color: white;">
            <div class="p-5">
              <div class="fs-2 mb-3"> <i class="iconfont icon-xiangmu"></i> </div>
              <h4 class="mb-3">我的项目</h4>
              <p class="text-secondary">我的项目介绍</p>
            </div>
            </a>
          </div>
          <!--Gradient Grid Item END--> 
          <!--Gradient Grid Item START-->
          <div class="col-lg-4 text-center">
    

         <a href="http://telove.love/" target="_blank" style="text-decoration: none;color: white;">
            <div class="p-5">
              <div class="fs-2 mb-3"> <i class="iconfont icon-xieboke"></i> </div>
              <h4 class="mb-3">博客</h4>
              <p class="text-secondary">自己工作学习中总结的博客</p>
            </div>
            </a>


            
          </div>
          <!--Gradient Grid Item END--> 
          <!--Gradient Grid Item START-->
          <div class="col-lg-4 text-center">
            <a href="http://telove.love/about" target="_blank" style="text-decoration: none;color: white;">
            <div class="p-5">
              <div class="fs-2 mb-3"> <i class="iconfont icon-guanyuwo"></i> </div>
              <h4 class="mb-3">关于我</h4>
              <p class="text-secondary">关于我的一些其他介绍</p>
            </div>
            </a>
          </div>
          <!--Gradient Grid Item END--> 
        </div>
        <!--Gradient Grid ROW END--> 
      </div>
      <!--Gradient Grid END--> 
    </div>
    <!--Section Body END--> 
  </div>
</section>
<!--Services Section END--> 



<!--Contact Us START-->
<section id="contact">
  <div class="container"><!--Section Heading START-->
    <div class="heading text-center mb-5">
      <h2 class="fs-3 kayden-underline-left mb-5 fw-bold text-uppercase d-inline-block">联系我</h2>
    </div>
    <!--Section Heading END--><!--Section Body START-->
    <div class="section-body">
      <div class="row gy-5">
        <div class="col-md-6">
          <div class="d-flex flex-column justify-content-center h-100"><!--Contact Details START-->
            <div class="contact-details d-flex flex-row align-items-center mb-3">
              <div class="cd-icon fs-2 me-4"><i class="fas fa-envelope"></i></div>
              <div class="cd-info fs-5 font-family-secondary"><a href="https://mail.qq.com/" target="_blank" class="text-white"><span class="__cf_email__" data-cfemail="d5beb4acb1b0bb95b0adb4b8a5b9b0fbb6bab8">[email 15115656@qq.com]</span></a></div>
            </div>
            <!--Contact Details END--><!--Contact Details START-->
            <div class="contact-details d-flex flex-row align-items-center mb-3">
              <div class="cd-icon fs-2 me-4"><i class="fas fa-map-marked-alt"></i></div>
              <div class="cd-info fs-5 font-family-secondary">河北 中国<br>HeBei China</div>
            </div>
            <!--Contact Details END--><!--Contact Details START-->
            <div class="contact-details d-flex flex-row align-items-center">
              <div class="cd-icon fs-2 me-4"><i class="fas fa-phone"></i></div>
              <div class="cd-info fs-5 font-family-secondary"><a href="" class="text-white">192****5826 </a></div>
            </div>
            <!--Contact Details END--></div>
        </div>
        <div class="col-md-6">
          <h3 class="mb-5 fs-4 text-center text-sm-left">向我发邮件</h3>
          <form action="404_page.html" method="post" id="contact-form">
            <div class="mb-4">
              <input type="text" name="name" id="name" placeholder="Full name" class="form-control">
            </div>
            <div class="mb-4">
              <input type="email" name="email" id="email" placeholder="Email" class="form-control">
            </div>
            <div class="mb-4">
              <input type="text" name="subject" id="subject" placeholder="Subject" class="form-control">
            </div>
            <div class="mb-4">
              <textarea placeholder="Message" name="text" id="text" class="form-control" cols="30" rows="10"></textarea>
            </div>
            <div class="mb-4">
              <!-- <button type="submit" id="contact-btn" class="btn btn-primary">发送邮件</button> -->
              <button type="reset" class="btn btn-primary" value="重置"><a href="404_page.html" style="text-decoration: none;color: white;" target="_blank">发送邮件</a></button>
            </div>
          </form>
        </div>
      </div>
    </div>
    <!--Section Body END--></div>
</section>
<!--Contact Us END--> 
<!--Footer START-->
<footer class="kayden-footer py-4">
  <div class="container">
    <div class="d-flex flex-column align-items-center justify-content-center py-3"><!--Social Links START-->
      <ul class="social-links list-inline mb-4">
        <li class="list-inline-item"> <a href="https://blog.csdn.net/" target="_blank" title="Csdn"> <i class="iconfont icon-csdn"></i></a> </li>
        <li class="list-inline-item"> <a href="https://github.com/" target="_blank" title="Git"> <i class="iconfont icon-githubb"></i> </a> </li>
        <li class="list-inline-item"> <a href="https://space.bilibili.com/1912898499" target="_blank" title="Bilibili"> <i class="iconfont icon-bilibili"></i> </a> </li>
      </ul>
      <!--Social Links END--> 
      <!--Copyright START-->
      <p class="text-center m-0">Copyright &copy; 2024.Company name All rights reserved.</p>
      <!--Copyright END--></div>
  </div>
</footer>
<!--Footer END--><!--To TOP START--> 
<a href="#" class="toTop d-inline" id="return-to-top"><i class="fas fa-chevron-up"></i></a> 
<!--To TOP END--><!--JavaScript START--> 
<script src="static/js/bootstrap.min.js"></script> 
<!--JQuery--> 
<script src="static/js/jquery.min.js"></script> 
<!--AOS Animations--> 
<script src="static/js/aos.js"></script> 
<!--Jquery Easing --> 
<script src="static/js/jquery.easing.min.js"></script> 
<!--Jquery Appear --> 
<script src="static/js/jquery.appear.min.js"></script> 
<!--Kayden preloader --> 
<script src="static/js/preloader.js"></script> 
<!--Jquery Count To --> 
<script src="static/js/jquery.countTo.js"></script> 
<!--Masonry --> 
<script src="static/js/masonry.pkgd.min.js"></script> 
<!--Jquery Magnific Popup --> 
<script src="static/js/jquery.magnific-popup.min.js"></script> 
<!--OWL Carousel --> 
<script src="static/js/owl.carousel.min.js"></script> 
<!--Typed JS --> 
<script src="static/js/typed.min.js"></script> 
<!--Kayden Alert --> 
<script src="static/js/alert.js"></script> 
<!--Kayden Contact US --> 
<script src="static/js/contact.js"></script> 
<!--Kayden Custom Script --> 
<script src="static/js/kayden.js"></script> 
<!--JavaScript END-->
</body>
</html>
